﻿@using UcAsp.Net.Model;
@using UcAsp.Net.BLL;
@using UcAsp.Net.Comm
@{
    var Categories=(UcAsp.Net.Model.Categories)ViewData["Categories"];
    ViewBag.Title = Categories.CategorieName;
    ViewBag.KeyWords = Categories.KeyWords;
    ViewBag.Description = Utils.RemoveHtml(Categories.Remark);
}
@model List<UcAsp.Net.Model.ArticelsViews>
<div class="container" style="padding: 20px; width: 860px; min-height: 460px;">
<h1>@Categories.CategorieName</h1>
<div class="catedescription">@(new HtmlString(Categories.Remark))</div>
    <ul>
        @foreach (UcAsp.Net.Model.ArticelsViews art in Model)
        { 
            <li class="catetilte">
                <div>
                    <div class="space">
                        <div class="line">
                        </div>
                    </div>
                    <div style="float: right; width: 370px;">
                        <a href="/@Categories.ShowPath/@if (!string.IsNullOrEmpty(art.ShowPath))
                                              {@art.ShowPath{<text>.shtml</text>}
                                              }
                                              else
                                              {@art.ID<text>.shtml</text>}">@(UcAsp.Net.Comm.Utils.ClearPart(art.Title, 20))</a>
                    </div>
                </div>
            </li>
        }
    </ul>
</div>
@section metas
{
  <script>
      $(function () {
          $(".catetilte").hover(function () {
              var line = $(this).find(".line");
              line.animate({ "width": 15 }, { duration: 200,
                  easing: "easeOutBack"
              });

          }, function () {
              var line = $(this).find(".line");
              line.animate({ "width": 4 }, { duration: 200,
                  easing: "easeOutBack"
              });

          });
      })
      </script>
}